/* 全局样式 */
    /* 清除浏览器默认样式表 */
body, ol, ul, dl, li, dt, dd, h1, h2, h3, 
p, th, td, dl, dd, form, input, img, select，section，i{
    padding: 0;
    margin:0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
input, select{
    outline: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 30px;
}
body{
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
}
.wh{width: 1240px;}
.pslate{position: relative;}
.dsbl{display: block;}
.dsno{display: none;}
ol,ul,li{list-style-type: none;}
a{text-decoration: none;color: rgb(114, 114, 114);}
.fl{float: left;}
.fr{float: right;}
.clfiex{clear: both;}
.mgc{margin: 0 auto;}
.noac{cursor: no-drop;}
.red{
    color: red;
}

.h300{height: 300px; clear: both;}
.mtop30{
    height: 30px;
}
.mb30{
    margin-bottom: 30px;
}


.module-title{
    margin-bottom: 10px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}


/* 面包屑 */
.crumbs{
    margin-top: 30px;
    padding-left: 20px;
    height: 40px;
}
.crumbs a, .crumbs h1{
    display: block;
    float: left;
    font-size: 16px;
}



/* header top样式 */
header{
    width: auto;
    height: 30px;
    background-color: rgb(207, 207, 207);
}
.header_left{
    width: 320px;
}
.dingwei{
    width: 1240px;
    height: 30px;
    margin: 0 auto;
    display: block;
}
.dingwei_img{
    float: left;
    margin-top: 5px;
}
.header_city ul li{
    float: left;
    width: 40px;
    height: 30px;
    line-height: 30px;
}
.more_city{
    position: relative;
}

.header_city .more_city .more_city_list{
    display: none;
    position: absolute;
    padding: 15px 0 0 12px;
    margin-left: -65px;
    border: rgb(196, 193, 193) solid 1px;
    background-color: rgb(255, 255, 255);
    text-align: left;
    width: 205px;
    height: 100px;
}
.more_city_list li{
    width: 20px;
    height: 25px;

}
.more_city:hover .more_city_list {
    display: block;
    z-index: 99;
}

/* 顶部右边 */
.logins{
    width: 820px;
    float: right;
}
.logins ul{
    margin-top: 0px;
    float: right;
    margin-left: 0px;
}
.logins ul li{
    width: auto;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: rgb(114, 114, 114); 
}
.weixin{
    position: relative;
    text-align: center;
}
.weixin .wx_img{
    width: 0;
    height: 0;
    padding: 0 -10px;
    display: none;
    position: absolute;
    top: 30px;
    left: -10px;
    z-index: 10;
}
.wx_img img{
    width: 130px;
    height: 130px;
}
.weixin :hover .wx_img{
    transition:width 2s height 2s;
    display: block;

}
/* 网站logo样式 */
.logo{
    margin: 0 auto;
    width: 1240px;
    height: 138px;
}
.logo_content{
    display:flex;
    padding-top: 36px;
    justify-content:center;
    width: 228px;
    height: 102px;
    margin:0 auto;
    padding-left:50px
}
.logo_content img{
    display: inline-block;
    width: 124px;
    height: 70px;
}
.logo_text{
    padding-top: 10px;
    text-align: center;
    padding-left: 5px;
}
.logo_text p{height: 20px; color: #8F9E9E;}
.searh{
    display:flex;
    padding-top: 36px;
    justify-content:center;
    width: 610px;
    height: 102px;
    padding-left: 110px;
    position: relative;
}

.logo select, .subimt{
    height: 46px;
    cursor: pointer;
}

.logo select{
    font-size: 14px;
    width: 70px;
    padding-right: 6px;
    line-height: 42px;
    letter-spacing: 5px;
    border: 2px solid #e6454a;  
 
    -moz-appearance: none;
    appearance: none;
    border-radius:3px;

}

.searh_text{
    color: rgb(168, 168, 168);
    font-size: 14px;
    width: 380px;
    height: 42px;  
    padding-left: 5px;
    margin-left: -2px;
    border: 2px solid #e6454a;  
}
.subimt{
    font-size: 16px;
    width: 80px;
    background-color: #e6454a;
    color: #fff;
    border: 0;
}
.reSearh_Text{
    position: absolute;
    left: 165px;
    top: 100px
}
.reSearh_Text span, .reSearh_Text a{
    display:inline-block;
}
.reSearh_Text span{width: 82px}
.reSearh_Text a{padding-left:5px;}


/* 导航样式 */
nav{
    width: auto;
    background-color: rgb(82, 184, 14);
    height: 54px;
}

/* 主导航 */

.nav_ul{
    height: 54px;
    line-height: 54px;
    position: relative;
}
.first_navli, .first_more{
    position: relative;
}

.more_img{
    width: 18px;
    height: 8px;
    background: url('../images/更多.png') no-repeat left;
    position: absolute;
    left: 76px;
    top: 50%;
    z-index: 10;
}
.nav_ul li{
    float: left;
    margin-left: 63px;
}
.nav_ul li a {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

/* 下拉菜单 */
.nav_ul .more_box{
    display: none;
    position: absolute;
    left: -40px; top: 54px;
    height: 453px;
    border: 1px rgb(192, 201, 201) solid;
    width: 194px;
    background: #FFF;
}
.first_more:hover .more_box{
    display: block;
    z-index: 99;
}
.more_box ul li {
    margin-left: 0; 
    padding: 9px 0 9px 5px; 
    height: 46px;
    width: 189px;
    border-bottom: 1px #8F9E9E solid;
}
.more_type{ 
    height: 42px;
    width: 36px;
    line-height: 42px;
    padding: 0 5px;
    border-right: rgb(199, 202, 202) 1px solid;
}
.item_list .more_type a span{
    height: 20px;
    float: left;
    line-height: 20px;
}
.item_list div a{color: #8F9E9E;}
.item_list div { float: left;}

.more_box .item_list .more_list_child {
    text-align:start;
    height: 46px;
    width: 130px;
    position: relative;
}
.item_list .more_list_child .sub_list a{display: block;
    height: 22px;
    line-height: 23px;
    padding: 0 4px;
    float: left;
    font-size: 14px;
}
/* 更多分类 */
.more_sub_list{
    display: none;
    position: absolute;
    left: 142px;
    top: -10px;
    background: #FFF;
    border: rgb(192, 201, 201) 1px solid;
    width: 288px;
    padding-top: 10px;
    height: 54px;
}
.more_list_child .more_sub_list a {
    height: 22px;
    line-height: 23px;
    padding: 0 8px;
    float: left;
    font-size: 14px;
}
.item_list:hover > .more_list_child .more_sub_list{
    display: block;
}
/* 知识课堂更多分类 */
.class_more{
    position: absolute;
    left:-140px;
    top: 54px;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 0 20px;
    display: none;
}
.class_more ul{
    display: flex;
    height: 80px;
    height: 120px;
    width: 400px;
    justify-content: space-between;
    line-height: 120px;
}
.class_more ul li{
    float: left;
    margin-left: 0;
}
.class_more ul li a {
    color: #8F9E9E;
}
.first_navli:hover .class_more{
    display: block;
    z-index: 999;
}
/* 首页bannar */
.bannar{ padding-top: 2px;}
/* 首页服务列表 */
.flex_box{
    display: flex;
    display: -webkit-flex;
    padding: 10px 0 35px 0;
    width: 1220px;
    height: 178px;
    justify-content: space-between;
}
.sever_box{
    margin-top: 20px;
    float: left;
}
.sever_type{text-align: left;
    padding-left: 120px;}
.sever_type a{
    font-size: 16px;
    font-weight: bold;
}
.sever_list{
    text-align: left; 
    padding-left: 10px; 
    padding-top: -4px;
    width: 190px;
    height: 90px;
    overflow: hidden;
}
.sever_cetent{padding-top: 10px;}
.sever_list a{
    line-height: 28px; 
    display: inline-block; 
    padding:2px 6px; height: 28px;
}
.sever_more{padding-right: 10px;}
/* 首页热门文章 */
.article{
    padding-top: 30px;
    height: 310px;
}
.article_left{
    width: 758px;
    text-align: left;
}
.article_left h3{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
}
.article_list ul li {
    padding-bottom: 25px;
    height: 19px;
    line-height: 19px;
}
.article_type{
    display: block;
    float: left;
    width: 85px;
    height: 19px;
    line-height: 19px;
    text-align-last: justify;
}
.article_title{
    display: block;
    float: left;
    width: 400px;
    height: 19px;
    overflow: hidden;
}
.chrlid_box{
    display: inline-block;
}
.article_look{
    padding-right: 35px;
}
.article_list ul{
    padding-left: 25px;
}
/* 最新发布的文章 */
.article_right{
    margin-left: 100px;
    width: 338px;
}
.article_right h3{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: left;
}

.new_article li {
    text-align: left;
    padding-bottom: 25px;
    padding-left: 5px;

}
.new_article li a {
    display: inline-block;
    width: 310px;
    height:19px;
    overflow: hidden;
}
/* 首页工具 */
.tool{
    margin-top: 56px;
}
.tool h3{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
}
.tool_img{
    display: flex;
    justify-content: space-between;
    width: 1130px;
    height: 100px;
    padding: 10px 0 10px 25px;
}

/* 底部 */
footer{
    margin-top: 63px;
    height: 425px;
    background: #e7e6e6;
    clear: both;
}
    /* 友链 */
.friend_line{
    border-bottom: 1px #8F9E9E solid;
}
.friend{
    height: 60px;
    text-align: left;
    padding-top: 13px;
}
.friend .links_qq{
    font-size: 16px;
}
.friend .links{
    text-indent: 36px;
    margin-top: 14px;
}
.friend p{
    display: block;
    font-size: 14px;
    color: rgb(114, 114, 114);
}
.links a{
    width: auto;
    margin: 0 5px;
}

    /*  底部帮助信息 */
.help_box{
    margin-top: 38px;
    padding-left: 115px;
}
.info_box{
    height: 200px;
}
.info_box div, .wechat div{
    float: left;
}
.help_info{
    display: flex;
    justify-content: space-between;
    height: 200px;
    width: 510px;
    padding-left:72px;
}
.info_items strong{
    display: inline-block;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
}
.info_items li{
    padding-top: 17px;
}
/* footer 公众号 */
.wechat{
    margin-left: 57px;
}
.wechat_img{
    margin-left: 47px;
    text-align: center;
}
.wechat_img img{
    padding-bottom: 5px;
    width: 140px;
    height: 140px;
}
/* 版权信息 */ 
.copy{
    height: 100px;
}
.copy_company{
    text-align: center;
}
.copy_text{
    width: auto;
    height: 20px;
}
.copy_text span{
    display: inline-block;
    padding: 0 8px;
}
.copy_img{
    margin-top: 12px;
}
/* 页面右边悬浮菜单 */
.nav_right{
    position: fixed;
    z-index: 999;
    right: 2px;
    top: 45%;
    background-color:#fff;
    box-shadow: 0px 4px 12px 0px rgba(7,17,27,0.1)
}
.nav_right ul li{
    padding: 6px 2px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.nav_right ul li a img {
    width: 50px;
    height: 50px;
    margin-top: 10px;
}
#top{
    display: none;
}


/* 弹出城市选择 */
.pop-city{
    position: absolute;
    left: 50%;
    top: 20%;
    height: 210px;
    width: 300px;
    margin-top: -105x;
    margin-left: -150px;
    padding: 10px;
    background: white;
    border: 1px solid #9e9e9e;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.336);
}
.pop-title{position: relative;}
.pop-title #close-pop{
    position: absolute;
    right: -10px;
    top: -10px;
}
.pop-title #close-pop a{
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #e9e9e9;
    font-size: 16px;
}
.pop-title span{
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.pop-auto-choicecity{
    text-align: left;
    margin-bottom: 20px;
}
.pop-auto-choicecity a{
    display: inline-block;
    margin-left: 5px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.836);
}
.pop-auto-choicecity, .pop-hotcity{
    font-size: 16px;
}
.pop-hotcity li {
    float: left;
    margin-right: 16px;
    margin-bottom: 8px;
    text-align: left;
}

/* 城市站 --------------------------*/
    /* 城市站公用模块 */


/* 轮播图 */
#container{
    /* width: 600px; */
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
#list{
    /* width: 4200px; */
    width: 13440px;
    height: 400px;
    position: absolute;
    z-index: 1;
}
#list li{
    float: left;
}
#buttons{
    position: absolute;
    height: 10px;
    width: 525px;
    z-index: 2;
    bottom: 20px;
    left: 50%;
    margin-left: -130px;
}
#buttons span{
    cursor: pointer;
    float: left;
    border: 1px solid #ffffff;
    width: 50px;
    height: 6px;
    /* border-radius: 20%; */
    background: #333;
    margin-right: 5px;
}
#buttons .on{
    background: orangered;
}
.arrow{
    cursor: pointer;
    color: #FFF;
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    z-index: 2;
    top: 180px;
    background: rgba(0, 0, 0, 0.555); 
}
.arrow:hover{
    background:red;
}
#container:hover .arrow{
    display: block;
}
#prev{left: 20px;}
#next{right: 20px;}






/* 服务保证 */
.resver{
    height: 215px;
    margin-top: 50px;
}
.resver h2{
    position: relative;
    font-size:18px;
    font-weight:bold;
    padding-bottom: 20px;
    width: 200px;
    border-bottom: 6px solid red;
    left: 50%;
    margin-left: -90px;
}
/* .resver h2::after{
    background: red;
    width: 180px;
    height: 10px;
} */
.resver_img{
    
    display: flex;
    margin-top: 20px;
    width: 1240px;
    justify-content: space-between;
}

.resver_img img{
    width: 200px;
    height: 130px;
    margin: 0 20px;
}

/* 金牌榜 */
.meb_top{
    height: 1060px;
}


/* 服务榜 */
/* 师傅榜 */
.shifu{
    width: 600px;
    height: 980px;
    margin-top: 20px;
    padding: 10px 10px;
}
.shifu h2{
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}

.shifu ul li{
    float: left;
    margin-top: 10px;
}
.shifu ul li div{
    float: left; 
}
.num_a{
    width: 60px;
    height: 180px;
    display: flex;
    align-items: center;
}
.user_pic{
    height: 180px;
    width: 100px;
    margin-left: 10px;
}
.user_content{
    width: 260px;
    height: 180px;
    margin-left: 20px;
}
.user_content span , user_content div{
    margin: 10px 0px;
}
.user_name, .user_xingji, .user_hosiht, .user_jineng, .user_add, .user_aa{
    width: 260px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 14px;
}
.user_name{
    padding-left: -50px;
}
.user_name a{
    font-size: 16px;
    font-weight: bold;
}
.user_xingji{
    background-image: url(E://web/images/xj.png);
    background-repeat: repeat-x;
    width: 128px;
    height: 25px;
}
.user_tel{
    margin-left: 50px;
    height: 180px;
    width: 80px;
    text-align: center;
    
}
.user_tel a{
    border-radius: 1px;
    width: 90px;
    height: 40px;
    line-height: 40px;
    background: rgb(196, 196, 21);
    color: #000;
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -20px;
}
/* 公司榜 */
.company{
    width: 600px;
    height: 980px;
    margin-top: 20px;
    padding: 10px 0px;
}
.company h2{
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
}
.company ul li{
    float: left;
    margin-top: 8px;
    width: 600px; 
}
.company_a{
    width: 60px;
    height: 180px;
    display: flex;
    align-items: center;
}
.company_pic{
    height: 180px;
    width: 120px;
    margin-left: 10px;
}
.company_pic a img{
    margin-top: 15px;
    border: rgb(245, 244, 244) solid 1px;
}
.activity span{
    display: block;
    width: 120px;
    height: 23px;
    padding: 3px 0px;
}
.activity span a{
    display: block;
    width: 120px;
    height: 23px;
    color: #e6e6e6;
    background: rgb(204, 93, 93) ;
}
.activity span a:hover{
    background-color: rgb(238, 37, 37) ;
}
.companr_content{
    margin-left: 5px;
}
.companr_content div{
    text-align: left;
    margin: 8px 0px 8px 10px;
}
.company_name a{
   font-size: 16px;
   font-weight: bold; 
}
.company_xingji{
    background-image: url(E://web/images/xj.png);
    background-repeat: repeat-x;
    width: 128px;
    height: 25px;
}
.company_tel{
    margin-left: 480px;
    height: 180px;
    width: 80px;
    text-align: center;
}
.company_tel a{
    border-radius: 1px;
    width: 90px;
    height: 40px;
    line-height: 40px;
    background: rgb(196, 196, 21);
    color: #000;
    display: block;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -20px;

}

/* 用户评价 */
.uesr_assess{
    height: 400px;
}
.uesr_assess h2{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    width: 200px;
    border-bottom: 6px solid red;
    left: 50%;
    margin-left: -90px;
}
.assess{
    height: 350px;
    width: 820px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;

}

.assess_ul{
    width: 5600px;
    height: 260px;
    position: absolute;
    z-index: 1;
}
.content_li{
    width: 700px;
    height: 260px;
    margin: 40px 43px 0 60px;
    float: left;
}
.assess_info{
    width: 650px;
    height: 100px;
}

.assess_logo{
    width: 85px;
    height: 90px;
    display: flex;
    align-items: center;
}

.assess_pj{
    margin-left: 10px;;
}

.assess_shifu{
    width: 450px;
    height: 45px;

}

.shifu_pj{
    width: 550px;
    margin-left: 35px;
    height: 45px;
}

.assess_yonghu{
    text-align: left;
    height: 30px;
    width: 550px;
    line-height: 30px;
}
.assess_xingji{
    background: url(../images/xj.png) repeat-x;
    width: 125px;
    height: 25px;
    margin-left: 50px;
}

.case_pic{
    width: 630px;
    height: 125px;
    margin-left: 20px;

}

.case_pic ul li {
    float: left;
    margin: 0 5px;
}
.assess_arrow{
    cursor: pointer;
    /* display: none; */
    width: 70px;
    height: 70px;
    position: absolute;
    top: 46%;
    margin-top: -20px;
    z-index: 10;
}
#assess_prev{
    left: 0;
}
#assess_next{
    right: 0;
}



/* 服务流程 */
.sever h2{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    width: 200px;
    border-bottom: 6px solid red;
    left: 50%;
    margin-left: -90px;
}
.sever img{
    width: 193px;
    height: 125px;
    margin: 30px 10px 10px 10px;
}


/* 城市页面 -------------- */

/* 默认城市 */
.defult_add{
    height: 60px;
    margin-top: 50px;
}
.add_box{
    width: 1000px;
}
.add_box a{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    display: inline-block;
    padding-left:15px;
    height: 60px;
    width: 140px;
    background: rgb(211, 9, 9);
    color:#e5e5e5;
    font-weight: 200;
    letter-spacing: 2px;
}

/* 快速导航 */
.lookbox{
    text-align: left;
    margin-top: 50px;
    height: 50px;
    padding-left: 100px;
}
.lookbox h2, .checkcity h2, .city h2{
    font-size: 18px;
    font-weight: bolder;
    float: left;
}
.lookcity{
    margin-left: 30px;
}
.lookcity a {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    width: 60px;
}
/* 城市选择 */
.checkcity{
    text-align: left;
    padding-left: 100px;
    height: 60px;
    line-height: 60px;
}
/* .select_box{
    margin-left: 20px;
} */
.select_box select{
    height: 40px;
    width: 160px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    color: #8F9E9E;
    padding-left: 6px;
    margin-left: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05); 
}

.select_box select option{
    display: inline-block;
    color: #8F9E9E;
    height: 20px;
}
.city{
    margin-top: 30px;
    text-align: left;
    padding-left: 100px;
    line-height: 80px;
    margin-bottom: 20px;
}
.city_ul{
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-right: 230px;
}
.city_ul .city_li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.zimu, .procity_box, .province, .city_list{
    display: block;
    float: left;
}
.zimu{
    width: 40px;
    padding-left: 25px;
    font-size: 20px;
    font-weight: bold;
    color: rgb(117, 117, 117);
    background: rgb(245, 247, 247);

}
.province{
    padding: 0 20px;
    font-size: 20px;
    font-weight: bold;
}
.city_list a{
    color: #000;
    width: 40px;
    display: inline-block;
}
.city_li:hover{
    z-index: 9;
    background: #e5e5e5;
}







/* 服务列表页面--------------- */




/* 属性 */
.subMenu{
    height: 280px;
    margin-top: 40px;
    padding-left: 50px;
    clear: both;
    
}
.subMenu ol{
    width: 1160px;
    border: 1px solid hsl(0, 0%, 90%);

}
.subMenu ol dl{
    padding-right: 35px;
    overflow: hidden;
    height: 50px;
    line-height: 59px;
    border-bottom: 1px solid hsl(0, 0%, 90%);


}
.subMenu ol dl dt{
    float: left;
    width: 90px;
    height: 50px;
    background: #b1b1b1;
    line-height: 50px;
    font-size: 16px;
    padding: 0 5px;
    text-align: center;
    margin-right: 10px;
}
.subMenu ol dl dd a{
    float: left;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
}


.Menu_list{
    width: 45px;
    line-height: 30px;
    margin: 10px 0 0 10px;
    border: 1px solid #e3e3e3;
    cursor: pointer;

}

.select_nav {
    text-align: left;
    background: #b1b1b1;
    width: 1130px;
    height: 40px;
    line-height: 40px;
    margin-left: 25px;
    padding-left: 30px;

}
/* 完整筛选内容 */
.next_select_content{
    text-align: left;
    margin-left: 30px;

}
.next_select_content span{
    display: inline-block;
}
.next_select_content .next_select_itme{
    margin-left: 20px;
}
.next_select_itme a {
    padding: 0 8px;
}
.bgr{
    margin-left: 25px;
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
    background: #D7D7D7;
}


/* 筛选项 */
.select_nav{
    margin-top: 20px;
}
.select_nav select{
    width: 80px;
    margin-left: 20px;
    border: 1px solid #e3e3e3;
    height: 25px;
}
.select_nav a{
    display: inline-block;
    margin-left:40px;
    text-align: center;
    line-height: 25px

}
.select_nav a img{
    float: right;
    width: 25px;
    height: 25px;
    pointer-events: none;
}

/* 主体内容 */
.main{
    height: 1550px;
}

.severcontent_left{
    margin-top: 10px;
    width: 860px;
}
.sever-main_content{
    width: 800px;
    padding: 20px 10px 20px 30px;
}
.sever-main_content li{
    width: 765px;
    height: 113px;
    margin: 30px 0;
    padding: 5px 5px;
}
.sever-main_content li:hover{
    box-shadow: 0 0 2px 2px #e0e0e0;
}

.sever-main_content li div{
    text-align: left;
}
.sever_img{
    display: block;
    float: left;
    position: relative;
}
.sever_img span{
    position: absolute;
    left: -22px;
    top: -22px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    
    border-radius: 20px;
    background: yellow;
    color: #333;

}

.conten_info{
    height: 100px;
    width: 280px;
    padding-left:16px;
    display: flex;
    flex-flow: row wrap;
    align-content:space-between;

}
.conten_info h2{
    font-size: 16px;
    width: 280px;

}

.content_user span{
    display: inline-block;
    padding-right: 20px;
    color: #919191;
}

.conten_info p{
    width: 280px; 
    display: block;


}
.conten_info .sever_sale{
    width: 280px;
}
.sever_sale span{
    display: inline-block;
    padding: 2px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    letter-spacing: 1px;
}
.sever_sale a{
    color: rgb(211, 53, 53);
    font-weight: 100;
}


.last_content{
    width: 150px;
    height: 90px;
    padding-top: 10px;
    font-size: 18px;
}
.last_content span{
    display: block;
}
.content_price{
    text-align: center;
    width: 150px;
    color: rgb(167, 45, 45);
}
.content_price em{
    font-size: 10px;
    text-decoration: line-through;
    color: #8F9E9E;;
}
.content_shop{
    margin-top: 8px;
    width: 150px;
    height: 36px;
    line-height: 36px;
    background: red;
    text-align: center;
}
.content_shop a{
    color: #e3e3e3;
}

/* 服务列表右侧 */
.severcontent_right{
    margin-top: 50px;
    margin-left: 60px;
}

.aother_look h2{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;

}
.right_look_box li{
    padding-bottom:26px 
}
.ohter_look {
    margin-top: 10px;
}
.ohter_look_img a img{
    margin: 0;
    padding: 0;
}
.ohter_look_price{
    width: 80px;
    height: 100px;
    padding-left: 20px;
    display: flex;
    flex-flow: row wrap;
    align-content: space-around;
}

.ohter_look_price p:first-of-type{
    font-size: 18px;
    color: red;

}
.ohter_look_price p:last-of-type{
    font-size: 14px;
    color: #8F9E9E;
}
.ohter_look_title{
    padding-top: 5px;
    text-align: left;
    width: 258px;
    overflow: hidden;
}


/* 最近浏览 */
.later_look{
    margin-top: 40px;
}


/* 翻页 */
.page{
    height: 40px;
    margin-top: 20px;
}
.page_box{
    position: relative;
    /* left: 50%;
    margin-left: -485px; */
      
}
.page_cl{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 80px;
    background: #b1b1b1;
    color: #fff;
    cursor: pointer;
}
.next_page{
    padding-left: 70px;
}
.next_page a{
    display: inline-block;
    line-height: 35px;
    width: 45px;
    height: 35px;
    border: 1px solid #e3e3e3;
    margin: 0 10px;

}
.all_page{
    margin-left: 20px;
}
.all_page input{
    width: 58px;
    height: 25px;
    border: 1px solid #e5e5e5;
    padding-left: 2px;
}
.all_page span{
    margin: 0 10px;
}
.all_page .btn{
    width: 50px;
    height: 35px;
    background: #b1b1b1;
    border: none;
    color: #fff;
    cursor: pointer;
}






/* 服务详情页------------- */

.sever_main{
    margin-bottom: 50px;
    height: 2300px;

}

/* 服务详情页面包屑 */
.mic{
    height: 50px;
    text-align: left;
    line-height: 50px;
    margin-top: 30px;
    margin-left: 10px;
}
.mic span, h1{
    display: block;
    float: left;
    margin-left: 5px;
    font-size: 16px;

}
h1{
    color: rgb(114, 114, 114);
    font-weight: normal;
}

/* 服务详情页顶部介绍模块 */
    /* 服务详情页服务者介绍左侧模块 */

.severid_left{
    margin-left: 70px;
}
.severid_name span:first-of-type{
    font-size: 18px;
    font-weight:bold; 
    
}
.severid_name span:last-of-type{
    font-size: 10px;
    color: #8F9E9E;
}
.severid_nameb{
    display: inline-block;
    position: relative;
    margin-left: 10px;
}
.severid_nameb i{
    position: absolute;
    top: -6px;
    width: 20px;
    height: 20px;
    background-size: 30px 30px;
    background-image: url(e:///web/images/vip.png);
    background-repeat: no-repeat;
}
.severid_sc, .seveidr_sale{
    margin-top: 8px;
}
.severid_sc span{
    display: inline-block;
}
.severid_sca{
    font-size: 14px;
    font-weight: bold;
}
.severid_scb {
    margin-left: 5px;
}
.severid_scb a{
    display: inline-block;
    padding-right: 6px;
    border:  1px solid #e5e5e5;
}
.seveidr_sale a{
    display: inline-block;
    padding-left: 10px;
}


/* 服务信息详细介绍右侧模块 */
.severid_box{
    margin-top: 20px;
    float: left;
    height: 300px;
}

.severid_right{
    margin-left: 200px;
}
.svever_ids{
    margin-left: 14px;
    text-align: left;
}
.severid_title {
    font-size: 18px;
    font-weight: bold;
}
.activity_box{
    margin: 5px 0;
}
.activity_box span{
    display: inline-block;
    
}
.activity{
    background: #f1efef;
    padding: 2px 2px;
    border: 1px solid red;
    margin-right: 18px;
}
.activity_box span:last-of-type{
    color: #9c9c9c;
}

.activity_more a{
    display: inline-block;
    padding: 0 4px;
    border: 1px solid #bebebe;
    margin-right: 5px;
}

/* 服务详情页添加和购买 */
.addbuy{
    margin-top: 30px;
}
.addlist{
    padding-right: 10px;
}
.addlist > span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.addlist span, .addlist input{
    display: inline-block;
}

.addlist span{
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 22px;
    font-size: 18px;
    border: 1px solid #e7e6e6;
    cursor: pointer;
}
.addlist input{
    width: 30px;
    height: 22px;
    border: 1px solid #8F9E9E;
    margin: 0 6px;
    text-align: center;
}

.buy_price{
    color: red;
    font-size: 18px;
}

.buylist a, .buylist span{
    display: block;
    float: left;
}
.buy{   
    font-size: 16px;
    padding: 8px 10px;
    margin: -10px 10px 0 10px;
    height: 20px;
    line-height: 20px;
    width: 50px;
    text-align: center;
    background: red;
    color: #FFF;
}







/* 服务详情页主体内容右侧更多在售服务 */
.severid{
    margin-top: 30px;
}
.severid_contleft{
    padding-left: 10px;
}

.severid_contleft_title{
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px;
}
.severid_contleft_title h2{
    font-size: 18px;
    font-weight: bold;
    float: left;
}
.severid_contleft_title a{
    display: block;
    float: right;
    color: #9c9c9c;
    font-size: 14px;
}


.severid_contleft_sale{
    margin-top: 20px;

}
.severid_contleft_sale li{
    margin-top: 10px;
}
.severid_contleft_sale li div a{
    color: #000000;
}
.severid_contleft_sale li div span{
    color: red;
}
.severid_contleft_sale li div:last-of-type{
    margin-top: 6px;
}
.severid_aother{
    margin-top: 40px;
}







/* 服务详情页内容右侧 */
    /* 服务详情页内容右侧表格 */

.severid_contright{
    margin-left: 100px;
    width: 850px;
}

.severid_contright h2{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-indent: 1em;
    margin-bottom: 10px;
}

.tb_box{
    border-width: 1px;
    border-collapse: collapse;
    border-color: #666666;
    width: 850px;
    height: 300px;
    margin-right: 20px;
    margin: 60px 0 60px 0;
}
.tb_box th {
    border-width: 1px;
    padding: 8px;
    font-size: 16px;

    border-style: solid;
    border-color: #666666;
    background-color: #27c01a;
}
.tb_box td {
    border-width: 1px;
    padding: 8px;
    font-size: 14px;

    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}
.line{
    width: 100%;
    margin-bottom: 10px;    
    height: 1px;
    border-bottom: #666666 1px solid;
    box-shadow: 2px 2px 5px #333333;
}
.content{
    margin-bottom: 50px;
}

.content_left{
    padding-left: 20px;
    padding-top: 20px;
}
article{
    padding: 20px 10px 10px 30px;
    text-align: left;
}
article p{
    font-size: 16px;
    text-indent: 2em;
}

strong{
    height: 50px;
}
.sucess strong{
    font-size: 16px;
    font-weight: bold;

}
.sucess_list{
    margin-top: 20px;
    margin-left: 10px;


}
.sucess_list p{
    height:40px;

}

.content_right{
    width: 350px;
    margin-left: 30px;
    margin-top: 30px;
}
.content_right p{
    font-size: 18px;
    font-weight: bold;
}

.aother{
    margin-top: 20px;
    text-align: left;

}
.aother a{
    display: block;
    max-width: 300px;
    height: 35px;
}
.sever_bz{
    margin-bottom: 50px;
}
.serviceid-img img{
    display: inline-block;
    margin-left: 30px;
}
.serviceid-img{
    margin-top: 30px;
}

/* 服务详情页-用户评价模块 */
.user-rating-lv{
    margin-top: 16px;
    height: 20px;
    margin-bottom: 20px;
}
.user-rating-lv ul{
    margin-left: 200px;
}
.user-rating-lv ul li{
    float: left;
    padding: 0 10px;
}

.user-rating-list{
    margin-top: 20px;
}
.user-rating-list ul li{
    height: 152px;
    width: 850px;
    border-bottom: 1px dashed #979797;
    margin-bottom: 10px;
    clear: both;
    
}

.user-rating-sevice-img, .rating-content{
    float: left;
}
.user-rating-sevice-img{
    height: 120px;
    width: 180px;
}
.rating-content{
    position: relative;
    width: 336px;
    height: 110px;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
}
.rating-content p{
    text-indent: 2em;
}
.rating-content .rating-star{
    position: absolute;
    bottom: 0;
    text-indent: 0em;
}
.rating-star i{
    display: inline-block;
    width: 100px;
    height: 20px;
    background-image: url(e://web/images/start.png);
    background-repeat: repeat-x;
    
}
.user-rating-info{
    position: relative;
    top: 50%;
    margin-top: -60px;
    margin-right: 30px;
    width: 160px;
    text-align: right;

}
.user-rating-info .headportrait, .user-rating-info time{
    display: inline-block;
    height: 50px;
}
.headportrait span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}
.user-rating .page{
    width: 850px;
    margin-left: 30px; 
    margin-top: 40px;
}

/* 订单页面------------- */

/* 订单列表 */
.order-h2{
    height: 50px;
    line-height: 50px;
    clear: both;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    margin: 30px auto 10px auto;
    padding-left: 50px;
}
.order{
    border: 1px solid #f1efef;

}

.order-title{
    background: #D7D7D7;
    height: 40px;
    line-height: 40px;
}
.checkall{
    display: inline-block;
    padding-right: 10px;
}
.checkall input{
    display: inline-block;
    width: 20px;
    vertical-align: middle;
}
.order-title span{
    display: block;
    float: left;
 }
.title-3{
    width: 40%;
    text-align: center;
}
.title-1{
    width: 10%;

    text-align: center;
}
.title-2{
    width: 20%;
    text-align: center;
}

.order-list-item{
    height: 100px;
    padding: 20px 0;
    justify-content: center;
    align-items: center;
    border-bottom: 1px dashed #8F9E9E;
}
.order-list-item-5, .order-list-item-1, .order-list-item-2{
    float: left;
}
.order-list-item-5{
    width: 550px;
    padding-left: 12px;
    margin-right: 50px;

}
.order-list-item-5 img, .order-list-item-5 span{
    display: block;
    float: left;
}
.order-list-item-5 img{
    width: 158px;
    height: 100px;
    margin-left: 50px;

}
.order-list-item-5 span{
    text-indent: 2em;
    padding-left: 20px;
    text-align: left;
    height: 100px;
    width: 230px;
}
.check-box{
    float: left;
    margin-right: 20px;
    height: 100px;
    width: 10%;
}
.check-box input{
    display: inline-block;
    height: 100px;
    line-height: 100px;
    width: 16px;
}

.order-list-item-1{
    width: 10%;
    height: inherit;
    line-height: 100px;

}
.order-list-item-2{
    width: 120px;
    height: inherit;
    line-height: 100px;

}
.subtotal{
    text-align: right;
}

.order-list-item-2 .delect-btn{
    position: relative;
    top: 50%;
    margin-top: -23px;
    font-size: 16px;
    width: 80px;
    height: 46px;   
    line-height: 46px;
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    text-align: center;
    font: 16px 'Microsoft yahei',Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: .5em 1em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* 订单统计 */
.order-count-box{
    padding-right: 30px;
    margin-top: 30px;
}
.order-count-box span{    
    display: inline-block;
    margin-right: 60px;
    font-size: 16px;
    font-weight: bold;

}

/* 订单用户信息 */
.order-user{
    padding-top: 30px;
}
.order-user-add{
    padding-left: 150px; 
    text-align: left;
    margin-bottom: 30px;
}
.order-user-add .info-times{
    width: 200px;
}

/*----------用来移除向下箭头----------*/
input[type="date"]::-webkit-calendar-picker-indicator {
   display: none;
}
 
/*----------用来移除上下箭头----------*/
input[type="date"]::-webkit-inner-spin-button {
	display: none;
	}
 
/*----------用来移除叉叉按钮----------*/
input[type="date"]::-webkit-clear-button{
   display:none;
}
/* 下拉日期显示 */
input[type="date"]::-webkit-calendar-picker-indicator {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.order-user-add span:first-of-type{
    background: url(../images/bitian.png) no-repeat right top;

}
.order-user-add span, .order-user-add input{
    display: inline-block;
    font-size: 14px;
}
.order-user-add span{
    padding-right: 20px;
    width: 79px;
}
.order-user-add input{
    height: 28px;
    width: 118px;
    border: 1px solid #000;
    margin-right: 20px;
    padding-left: 2px;
    color: #8F9E9E;
    box-shadow: 1px 2px 2px #9c9c9c inset;
}
.order-user-add .street{
    width: 260px;
}
.order-user-btn{
    margin-top: 30px;
}
.order-user-btn input{
    font-size: 16px;
    width: 80px;
    height: 46px;
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    text-align: center;
    text-decoration: none;
    font: 16px 'Microsoft yahei',Arial, Helvetica, sans-serif;
    padding: .5em 1em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* 订单页-确定订单信息并提交模块 */
.order-submit{
    height: 230px;
    margin-bottom: 30px;
}
.order-info{
    margin-top: 30px;
    text-align: right;
    font-size: 16px;
    height:  auto;
}
.order-info p{
    margin-top: 10px;
}
.order-info p span{
    display: inline-block;
}
.order-info-price span{
    color: red;
    font-weight: bold;
    margin-right: 30px;
}
.order-info-price input{
    width: 100px;
    padding-right: 50px;
    cursor: pointer;
    color: #606060;
    border: solid 1px #b7b7b7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    text-align: center;
    font: 16px 'Microsoft yahei',Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: .5em 1em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



/* 师傅页面------------------------------- */
.master{
    margin-top: 30px;
}
.master-list ul{
    padding-left: 45px;
    width: 852px;
    height: 1780px;
}
.master-list ul li{
    width: 220px;
    float: left;
    padding: 10px 2px;
    margin-right: 60px;
    margin-bottom: 20px;
    /* border: 1px solid #e9e9e9; */
    text-align: left;
}
.master-sale-img{
    text-align: center;
}
.master-sale-info{
    margin-top: 6px;
}
.master-sale-info div{
    margin: 4px 0;
    clear: both;
    height: 20px;
    line-height: 20px;
}
.master-sale-name{
    font-size: 16px;
    padding-right: 10px;
}
.master-sale-proving{
    font-size: 10px; 
    color: #D7D7D7;
    background: yellow;
    padding: 2px;
}

.master-sale-sevice span{
    display: inline-block;
}
.sale-sevice2{
    padding-right: 12px;
}
.master-start i{
    display: inline-block;
    background-image: url(e://web/images/start.png);
    background-repeat:  repeat-x;
    width: 100px;
    height: 20px;

}
.master-sale-skill span, .master-sale-skill a{
    display: inline-block;
    padding-right: 6px;
}
.master-sale-info .master-sale-touch{
    height: 30px;
    position: relative;
}
.master-sale-touch a, .master-sale-touch span{
    display: block;
    float: left;
}

.master-sale-touch a{
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    background: #FFCC33;
}
.master-sale-touch span{
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 10px;
    font-size: 12px;
    margin-left: 4px;
    color: #8F9E9E;

}

/* 师傅列表页右侧推荐师傅模块 */
.master-recommend{
    margin-left: 10px;
}
.master-recommend-list li{
    margin-bottom: 30px;
    height: 140px;
}
.master-recommend h2{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}
.master-right-info h3{
    font-size: 16px;
    font-weight: bold;
}

.master-right-info div, .master-right-info h3{
    margin-bottom: 15px;
    text-align: left;
    padding-left: 10px;
}
.master-right-skill{
    width: 160px;
    height: 60px;
}
.master-right-skill a{
    display: block;
    float: left;
    padding: 0 10px 5px 0;
}

/* 师傅详情页 */


/* 师傅基本信息介绍 */
.masterid-info{
    margin-top: 40px;
    height: 200px;
}
.masterid-info-introduce{
    margin-left: 90px;
}
.masterid-info-box{
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    height: 200px;
    margin-left: 20px;
    text-align: left;
}
 .masterid-info-name span{
    font-size: 18px;
    font-weight: bold;

}
.masterid-main-skill strong{
    font-weight: normal;
    margin-right: 10px;
}
.master-tell{
    position: relative;
}
.master-tell a{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 134px;
    text-align: center;
    background: #D7D7D7;
    letter-spacing: 2px;   
    
}
.master-tell-after{
    position: absolute;
    margin-left: 6px;
    bottom: 0;
    font-family: Arial;
    font-size: 12px;
    color: #8F9E9E;
}
.master-tag{
    margin-right: 150px;
}

.master-tag span{
    display: block;
    height: 20px;
    margin: 5px;
}

/* 正在出售服务模块 */
.master-saleing{
    margin-top: 50px;
    height: 400px;
}
.master-h2{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: left;
}

.master-saleing-list{
    padding: 40px 50px;
}
.master-saleing-list a {
    position: relative;
    display: block;
    float: left;
    margin-right: 55px;
    margin-bottom: 52px;
    height: 110px;
    width: 224px;
}


.master-saleing-list a span{
    position: absolute;
    left: 0;
    width: 224px;
    height: 22px;
    line-height: 22px;
    top: 88px;
    background: #000000ad;
    color: #FFF;
}

/* 用户购买历史轮播滚动 */
.master-history{
    margin-top: 80px;
}
.master-history-ul{
    width: 580px;
    height: 300px;
    overflow: hidden;

}

.master-history-ul li{
    display: block;
    float: left;
    width: 580px;
    height: 60px;
    line-height: 60px;

}

.master-history-ul li span{
    display: block;
    float: left;
}
.master-history-time{
    width: 170px;
}
.master-guarantee-list{
    padding-top: 50px;  
}
.master-guarantee-list img{
    display: inline-block;
    margin: 0 30px;
}




/* 用户中心------------------ */

.user-main{
    height: 1250px;
}

.user-left{
    width: 120px;
    height: 560px;
    margin-top: 30px;
    padding-left: 40px;
    border: 1px solid #e5e5e5;
}
.user-left dl{
    margin: 10px 0 5px 10px;
    text-align: left;

}
.user-left dl dt{
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 10px;
}
.user-left dl dd{
    margin-left: 20px;
    height: 25px;
}



/* 用户中心右侧内容 */
.user-right{
    width: 1000px;
    margin-top: 30px;
    height: 955px;
    margin-left: 30px;

}
.user_info{
    padding: 30px;
    height: 120px;
    border: 1px solid #e5e5e5;

}

/* 用户基本信息 */
.user_infoimg a img{
    display: inline-block;
}
.user_list{
    margin-left: 50px;
}
.user_list a {
    display: block;
    height: 40px;
}


.before_login{
    margin-left: 150px;
    line-height: 40px;
}
.before_login div{
    height: 50px;
    width: 500px;
    text-align: left;
    line-height: 50px;
}

.login-time{
    padding-left: 40px;
}

.user-money{
    display: inline-block;
    width: 130px;
    padding-right: 60px;
    cursor: pointer;
    background: url('e://web/images/show.png') no-repeat 135px center;
}
.user_vip{
    margin-left: 60px;
}
.user_vip a {
    display:inline-block;
    height: 30px;
    line-height: 30px;
    background: rgb(196, 10, 10);
    width: 80px;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
}


/* 订单中心 */
.myorder{
    text-align: left;
    padding: 10px 10px 10px 40px; 

}
.myorder h3{
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    
}
.myorder span{
    margin-left: 20px;
    margin-top: 20px;
}
.myorder a{
    display: inline-block;
    width: 80px;
}
.myorder a img{
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-left: 10px;
}


/* 订单列表 */
.content_rigth_order{
    margin-top: 30px;
    height: 1050px;
}   
.order_left_bt{
    height: 780px;
    width: 700px;
}

.my_order{
    height: 350px;
    margin-top: -1px;
}
.order_list{
    text-align: left;
}
.order_list li{
    padding: 15px 20px 15px 30px;
    float: left;
    width: 648px;
    border: 1px solid #e5e5e5;

}

.order_img {
    width: 160px;
}
.order_img a img{
    display: inline-block;
    width: 105px;
    height: 85px;
}

.order_list li span{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
}
.order_title{
    margin-right: 50px;
}
.order_title p{
    height: 45px;
    line-height: 45px;
}
.order_list li span:last-of-type{
    float: right;
    height: 85px;
    line-height: 85px;
}
.user-server{
    width: 700px;
    margin-top: 30px;
    position: relative;
    height: 300px;
    z-index: 1;
    background: #e2e2e2;

}
.user-server h3{
    padding: 10px 0 0 40px;
    text-align: left;
    z-index: 99;
    font-size: 16px;
    font-weight: bold;
}
.user-server .to_server{
    height: 100px;
    width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -50px;
}
.to_server p span, .to_server p span a{
    font-size: 18px;
    font-weight: bold;
}
.to_server p{
    height: 50px;
}

.to_server p span a{
    display: inline-block;
    background: #af3030;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    width: 120px;

}


.relat_look{
    padding-top: 30px;
    width: 250px;
}
.relat_look h3{
    text-align: center;
    font-size: 16px;
}
.user_often{
    height: 360px;
    margin-top: 30px;
    width: 184px;
    
}
.user_often a{
    margin: 4px;
    display: block;
    float: left;
    width: 75px;
    height: 35px;
    line-height: 30px;

    background: #d4c7c7;
    color: #ffffff;
}
.lately_look{
    margin-top: 30px;
    margin-right: 20px;

}
.lately_look h3{
    font-size: 16px;
    font-weight: bold;
}
.user_lately{
    width: 320px;
    margin-top: 20px;
    text-align: left;
    margin-right: 20px;


}
.user_lately li {
    width: 258px;
    margin-bottom: 30px;
}


/* 文章列表页------------------- */


/* 主体内容 */
.article-box{
    height: 2180px;
}

/* 主体内容左边 */
.article-box-left{
    width: 760px;
    height: 1980px;
    padding: 20px;
    margin-left: 20px;
}

.article-box-left ul li{
    padding: 10px;
    margin-top: 20px;
    width: 760px;
    height: 160px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c5c5c5;

}
.article-box-left ul li:last-of-type{
    border-bottom: none;
}

.article_img, .article_content{
    padding-bottom: 20px;    
}
.article_content{
    margin-left: 20px;
    width: 520px;
    text-align: left;
}
.article_content h2{
    text-align: left;
}
.article_content h2 a{
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.article_content p{
    display: inline-block;
    margin-top: 20px;
    text-indent: 2em;
    font-size: 14px;
    color: #5e5e5e;
}

.article_info{
    vertical-align: bottom;
    margin-top: 25px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}
.web-icon{
    padding-left: 20px;
    background: url(e://web/images/icon.icon) no-repeat left;
}
.reader-eyes{
    padding: 0 20px 0 25px;
    background: url(e://web/images/eyes.png) no-repeat left;
}
.article_info span{
    margin-left: 5px;
}
.article_info span a{
    background: #b1b1b1;
}




/* 主体右边 */
.article-content_right{
    width: 400px;
    height: 2020px;
}
.hot_sever h2{
    margin-top: 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
}
.hot_sever a{
    display: inline-block;
    width: 100px;
    margin-top: 15px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    background: #b1b1b1;
    border: 1px solid #9b9b9b;
}

/* 热门文章 */
.tablist {
    position:relative;
    margin:50px auto;
    min-height:200px;
}

.tabmenu {
    position:absolute;
    top:0;
    left: 80px;
    margin:0;
}
.tabmenu li{
    display:inline-block;
}
.tabmenu li a {
    padding:5px 10px;
    margin:0 10px 0 0;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    background: #5e5e5e;
    color: #e3e3e3;
    cursor: pointer;
}
 
.tab_content {
    top: 50px;
    position: absolute;
    width:400px;
    height:750px;
    margin-left: 30px;
    font-size:1.2em;
    line-height:1.5em;
    color:#666;
    background:#fff;
}
 
#tab1:target, #tab2:target{
        z-index: 1;
}
.ul_article{
    margin-top: 30px;
    position: absolute;
}

.ul_article li{
    text-align: left;  
    margin-bottom: 20px;
    height: 50px;

}

.ul_article li span, .ul_article li a{
    display: block;
    float: left;
    font-size: 14px;
}
.ul_article li span{
    height: 50px;
    line-height: 50px;
}
.ul_article li .article-hot-nub{
    width: 10px;
}

.ul_article li a{
    width: 260px;
    text-align: left;
    margin: 0 8px;
}
.ul_article li span img{
    vertical-align: middle;
    margin-right: 5px;
}

#article1:target, #article2:target{
    z-index: 1;
} 





/* 文章详情页 ------------------------ */

/* 文章 */
.article-content{
    height: 1700px;
    max-height: 1800px;
}

.articleid-left{
    width: 860px;
    /* text-align: left; */
}

.articleid-title{
    margin-left: 100px;
    margin-top: 30px;
    border-bottom: 1px solid #c4c4c4;
    padding: 0 20px 10px 0;
}
.ct-title{
    font-size: 20px;
    font-weight: bold;
}
.articleid-info{
    margin-top: 30px;
}
.articleid-info span{
    margin: 0 16px;
}

.artileid-content{
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0 10px 10px 40px;
    text-indent: 2em;
}
.share{
    position: absolute;
    left: -10px;
    top: 0;
}
.share img{
    display: block;
    widows: 40px;
    height: 40px;
    border: 1px solid #ee5544;

}

/* 右侧 */
.articleid-right{
    margin-top: 50px;
    margin-left: 40px;
    width: 300px;
}
/* 文章详情页右侧轮播图 */
#article-bannar{
    position: relative;
    margin-top: 68px;
    height: 133px;
    width: 266px;
    margin-bottom: 40px;
    overflow: hidden;
}
#article-bannar ul{
    height: 133px;
    width: 1330px;
}
#article-bannar ul li {
    float: left;
    height: 133px;
    width: 266px;
}
#origin .on{
    background: orangered;
}
#origin{
    position: absolute;
    z-index: 10;
    width: 70px;
    bottom: 5px;
    left: 50%;
    margin-left: -35px;
}

#origin span{
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 1px solid #9e9e9e;
}


/* 热门文章 */
.articleid-right p{
    text-align: left;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #353535;
}
.articleid-right p span{
    font-size: 20px;
}
.hot_list{
    margin-top: 20px;
}
.hot_list li {
    height: 35px;
    text-align: left;
}
/* 相关标签 */
.relat_tag{
    margin-top: 40px;
    text-align: left;
    height: 200px;

}
.relat_tag span{
    font-size: 20px;

}
.relat_tag div{
    margin-top: 20px;
}

.relat_tag div a{
    display: inline-block;
    max-width: 120px;
    height: 35px;
    margin-left: 15px;
}
/* 文章tag 等相关信息 */
.article_footer{
    margin-top: 60px;
    margin-left: 60px;
    text-align: left;
}
.tag_list{
    height: 35px;
    margin-left: 20px;
}
.tag_list a{
    max-width: 100px;
    margin-left: 10px;
    background: #9e9e9e;
    color: white;
    padding: 2px;
}
.article_footer p{
    margin-top: 10px;
    height: 50px;
}
.next_article{
    height: 40px;
    padding-right: 100px;
    margin-right: 300px;
    border-bottom: 1px #353535 solid;

}

.next_article span{
    display: inline-block;
}
/* 相关推荐 */
.relate_article{
    height: 280px;
    margin: 50px 0 50px 60px;
    text-align: left;
    
}
.relate_article p{
    font-size: 20px;
    font-weight: bold;
    height: 35px;
}
.relate_ul{
    margin-top: 20px;
    margin-left: 20px;
}
.relate_ul li{
    height: 35px;
}

.relate_ul li a{
    float: left;
    font-size: 16px;

}
.relate_ul li span:first-of-type{
    margin: 0 60px 0 160px;
    font-size: 16px;

}
.relate_ul li span:last-of-type{
    float: right;
    font-size: 16px;

}

/* 服务公司列表页---------------------
/* 主体内容列表 */
.main_content{
    height: 2150px;
}

/* 公司列表内容 */
.company-left{
    width: 800px;
    margin-top: 20px;
    padding: 10px 70px 30px 10px;
}
.company-left ul li{
    float: left;
    margin-top: 8px;
    width: 780px;
    margin-left: 50px;
    padding: 10px;
    margin-bottom: 30px;
}

.company-left ul li:hover{
    box-shadow: 0px 1px 10px #d8d8d8; 
}

.company-logopic{
    height: 116px;
    width: 166px;
    padding: 2px;
    border: 1px solid #e5e5e5;
}
.company-activity a{
    display: inline-block;
    padding: 3px 0px;
    width: 73px;
    height: 23px;
    color: #000000;
    border: 1px solid rgb(240, 102, 102);

}
.company-activity a:hover{
    background-color: rgb(238, 37, 37) ;
}

.company-info-rigth{
    width: 340px;
    margin-left: 5px;
    display: flex;
    height: 122px;
    flex-flow: column wrap;
    justify-content: space-between;
}

.company-info-rigth div{
    width: 340px;
    text-align: left;
}

.info-rigth-name a{
   font-size: 18px; 
}


.info-rigth-tel{
    height: 122px;
    width: 120px;
    text-align: center;
}
.info-rigth-tel a{
    border-radius: 1px;
    text-shadow: #b4b10c;
    width: 120px;
    height: 45px;
    line-height: 45px;
    background: rgb(196, 196, 21);
    color: #000;
    display: block;
    text-align: center;
    position: relative;
    top: 40%;
}

/* 主体内容右边 */
.company-right{
    width: 255px;
    margin-right: 30px;
    margin-top: 48px;

}
.company-hot h2{
    margin-bottom: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: bold;
    background: #D7D7D7;
}
.company-hot li{
    height: 35px;
    line-height: 35px;
    margin-bottom: 35px;
    margin-left: 10px;
}
.company-hot li span{
    display: block;
    float: left;
}
.rangking{
    height: 33px;
    width: 33px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #8F9E9E;
    border-radius: 17.5px;
    margin-right: 12px;
    font-size: 16px;
}
.company-vote{
    margin-top: 50px;
}







/* 公司详情页-------------------------------- */

.companyid-main{
    margin-top: 40px;
    padding-left: 70px;
}

/* 公司介绍 */
.company_itc{
    height: 180px;
}

.companyid-info_box{
    margin-left: 50px;
}
.companyid-left-topinfo{
    width: 396px;
    height: 180px;
}
.info_logo{
    border: 1px solid #000000;
}
.info_name{
    margin-left: 20px;
    text-align: left;
}

.info_name h3{
    font-size: 18px;
    font-weight: bold;
    height: 50px;
}
.company_price{
    width: 386px;
    height: 42px;
    line-height: 42px;
    text-align: left;

}
.companyid-leftw-add{
    width: 386px;
    text-align: left;

}



/* 公司基本信息评价 */
.jilu_list dl{
    float: left;
    width: 80px;
    text-align: center;
}

.info_left_mid{
    height: 130px;
    padding-top: 50px;
    margin-left: 40px;

}
.info_left_mid div{
    float: left;
}



/* 预约、电话 */
.companyid_tel {
    margin-left: 70px;
    padding-right: 200px;
    padding-top: 20px;
    text-align: left;
}

.yuyue, .tel{
    display: inline-block;
    height: 40px;
    width: 130px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    color: white;
    background: rgba(255, 0, 0, 0.781);
    border: 1px solid #8f16165d;
}

.companyid-looktel{
    position: absolute;
}
.companyid-looktel span{
    display: block;
    position: relative;
    left: 138px;
    bottom: 18px;
    font-size: 12px;
    color: #8F9E9E;
}
.tel{
    margin-top: 25px;
}

.yuyue:hover, .tel:hover{
    background: rgba(192, 13, 13, 0.836);
}

.vouchers{
    height: 60px;
    margin: 20px 50px 0 10px;
    display: flex;
    justify-content: space-around;
}
.vouchers a{
    cursor: pointer;
}

.company_about{
    height: 310px;
    padding-top: 30px;
}
/* 装修公司详情页轮播图 */

.companyid-introdce{
    margin-top: 30px;
}

.companyid-bannar{
    width: 346px;
    height: 260px;
}

.companyid-bannar ul li{
    float: left;
}
.companyid-bannar-box{
    position: relative;
    width: 346px;
    height: 202px;
}
.companyid-li span{
    position: absolute;
    width: 346px;
    height: 30px;
    line-height: 30px;
    bottom: 0;
    margin-left: -173px;
    text-align: center;
    color: #FFF;
    background: #0000008c;
    font-size: 16px;
}
.companyid-onclick{
    position: absolute;
    top: 101px;
    width: 326px;
    padding: 0 10px;
}

.companyid-onclick a{
    display: block;
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
}

/* 缩略图 */
.bannar-list{
    height: 58px;
    width: 352px;
}
.bannar-list li{
    margin-right: 4px;
    margin-top: 2px;
    cursor: pointer;

}
.bannar-list li img{
    padding: 1px;
    display: inline-block;
    width: 80px;
    height: 50px;
}
.imgon{
    border: 1px solid #6e6e6e;
}
.onred{
    border: 1px solid red;
}







/* 公司介绍文章 */
.companyid-data{
    width: 830px;
    margin-left: 20px;
    text-indent: 2em;
    text-align: left;
}
.company_about p{
    text-indent: 2em;
    text-align: left;
    line-height: 24px;
}


/* 装修公司详情页出售服务模块 */
.companyid-sever-list{
    margin-top: 30px;
}

.sever-list-box{
    width: 940px;
    text-align: left;

}

.companyid-more h2, .companyid-more a{
    display: block;
}
.companyid-more a{
    float: right;
    padding-right: 20px;
    font-weight: bold;
    color: #000000;


}

.sever-list-items{
    padding: 30px 0 0 10px;

}
.sever-list-items a{
    display: inline-block;
    padding-right: 18px;
    padding-bottom: 20px;
}

.companyid-recommend{
    margin-left: 80px;
}

.companyid-recommend li{
    margin-bottom: 18px;
}
.companyid-recommend h2{
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    text-align: center;
}


/* 公司详情页我们团队 */
.company_pepole{
    height: 260px;
}
.company_pepole ul{
    margin-left: 50px;  
    margin-top: 30px;
}

.company_pepole li{
    float: left;
    margin-left: 30px;
    text-align: center;
    width: 130px;
}
.companyid-master-skill{
    margin-left: 10px;
    font-size: 12px;
    color: #8F9E9E;
}






/* 评价记录 */
.sever_record{
    margin-top: 30px;
}
.sever_record ul{
    margin: 30px 0 30px 40px;
    height: 560px;
}

.sever_record ul li{
    height: 105px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #969696;
}
.sever_record .page{
    padding-left: 30px;
}

.record_info{
    text-align: left;
    padding-left: 10px;
    width: 600px;

}
.record_info div{
    height: 50px;
    line-height: 50px;
}
.record_info div span{
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
}
.record_level{
    padding-left: 20px;
}

.record_level dl{
    float: left;
    line-height: 50px;
} 
.record_level dl:last-of-type{
    margin-left: 70px;
}
dt, dd{
    display: block;
    float: left;
}
.record_level dl dd{
    background: url('../images/xj.png') repeat-x;
    width: 125px;
    height: 40px;
    margin-top: 5%;
    margin-left: 10px;
}
.record-user{
    height: 100px;
    line-height: 100px;
}
.record-user span{
    padding-left: 35px;
    background: url(e://web/images/companyid-user-img.jpg) no-repeat left
}
.record_date{
    margin-left: 50px;
    height: 100px;
    line-height: 100px;
}




/* 关于我们页面----------------- */
.banar img{
    width: 100%;
}

/* 主要内容 */
.about-main{
    height: 800px;
}

.about-content-left{
    background: #ececec65;
    height: 300px;
    width: 128px;
    margin-top: 30px;
    margin-left: 70px;
    
}
.about-content-left ul {
    padding: 10px 10px 10px 0;
}
.about-content-left ul li {
    height: 35px;
    line-height: 35px;
}

.about-content-left ul li a {
    font-size: 16px;
    color: #000;
    font-weight: bold;

}
/* 右边 */
.about-content-right{
    margin-left: 50px;
    margin-top: 10px;
    width: 960px;
}

.about-content-right h3{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
}
.about-company-data{
    text-align: left;
    margin-bottom: 60px;
}
.about-company-data strong{
    display: inline-block;
    line-height: 50px;
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}
.about-company-data span{
    display: inline-block;
    text-indent: 2em;
}

.about-company-logo img{
    display: block;
    float: left;
    clear: both;
}
.about-company-environment{
    width: 960px;
    text-align: center;
}
.about-company-environment div{
    margin-bottom: 20px;
}
.about-company-environment span{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}



/* css编写规范： https://www.cnblogs.com/zhongshenggen/p/5893263.html */
